.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}
#head{
    width:100%;
    position: fixed;
    left: 0;
    top: 0;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content: center;
    .xh{
        color: #FFFFFF;
         .pxToRem(font-size, 35); 
         .pxToRem(letter-spacing,10);
        
    }
}
#main{
    width: 100%;
    .pxToRem(margin-top, 110);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
     .pxToRem(margin-bottom, 130);
    dl{
        width:50%;
        text-align: center;
         .pxToRem(padding-top,70); 
        dd{
          .pxToRem(padding-top,20); 
          .pxToRem(font-size, 30); 
         .pxToRem(letter-spacing,2);
         color: #B69976;
        }
        dt{
           
            img{
               width: 55%; 
                
            }
        }
        &:last-child{
            dt{
                img{
                    animation: zxy 2s linear;
                }
            }

        }
    }
   
}
@keyframes zxy{
    0%{
        transform: scaleX(1.3);
    }
    20%{
        transform: scaleX(1.7);
    }
    40%{
        transform: scaleX(1.4);
    }
    60%{
        transform: scaleX(0.8);
    }
    80%{
        transform: scaleX(0.6);
    }
    100%{
        transform: scaleX(1);
    }
}


 .box{
       position: fixed;
        bottom: 20%;
        left:30%;
        background: #000;
        opacity: 0.5;
        .pxToRem(padding,10);
        display: none;
        .yc{
            color: #F6F6F6;
             .pxToRem(letter-spacing,10);
        }
    }
#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 110); 
    background: #fdfdfd;
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        
        .sps{
            .pxToRem(font-size,40);
            display: inline-block;
        .pxToRem(padding-bottom,10);
         color: #666666;
        }
        .sp{
            color:#b69a63 ;
        }
    }
}